<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>推荐-沸点-掘金</title>
    <link rel="icon" href="./images/bg/掘金.png">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/feidian.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2089892_5wdoqias4ov.css">
</head>
<body>
    <header>
        <div class="fixwidth">
            <img src="./images/logo.a7995ad.svg">
            <ul>
                <li><a href="www.baidu.com">首页</a></li>
                <li><a href="www.baidu.com">沸点</a></li>
                <li><a href="www.baidu.com">话题</a></li>
                <li><a href="www.baidu.com">小册</a></li>
                <li><a href="www.baidu.com">活动</a></li>
            </ul>
            <div class="youbian">
                <ul>
                    <li class="hot"><a href="#">发沸点</a></li>
                    <li><a href="#">登录</a></li>
                </ul>
            </div>
        </div>
    </header>
    <section class="one">
        <div class="neirong">
            <div class="left">
                <ul id="title">
                    <li>推荐</li>
                    <li>热门</li>
                    <li>关注</li>
                    <hr/>
                    <li>上班摸鱼</li>
                    <li>内推招聘</li>
                    <li>一图胜千言</li>
                    <li>今天学到了</li>
                    <li>每天一道...</li>
                    <li>开发工具</li>
                    <li>树洞一下</li>
                </ul>
            </div>
            <div class="center">
                <div class="first">
                    <div class="center_top">
                        <img src="./images/bg/tupian.jpg">
                        <div class="font">亦一</div>
                        <div class="care gs">关注</div>
                    </div>
                    <div class="center_c">
                        <div>告诉我一些不用mac的理由，让我死心不用mbp用win吧</div>
                    </div>
                    <div class="center_bottom">
                        <span class="bottom1">
                            <i class="iconfont icon-zan"></i>
                            <span>赞</span>
                        </span>
                        <span class="bottom2">
                            <i class="iconfont icon-pinglun"></i>
                            <span>47</span>
                        </span>
                        <span class="bottom3">
                            <i class="iconfont icon-fenxiang"></i>
                            <span>分享</span>
                        </span>
                    </div>
                </div>
                <div class="second">
                    <div class="center2-top">
                        <img src="./images/bg/tupian4.jpg">
                        <div class="font2">Anna8421</div>
                        <div class="care2 gs">关注</div>
                    </div>
                    <div class="center2-center">
                        <div>相亲的意义就是让我一次又一次怀疑自己对自己的定位🙃🙃🙃真的再也不想相亲了</div>
                        <img src="./images/bg/tupian5.png">
                    </div>
                    <div class="center2-bottom">
                        <span class="bottom4">
                            <i class="iconfont icon-zan"></i>
                            <span>赞</span>
                        </span>
                        <span class="bottom5">
                            <i class="iconfont icon-pinglun"></i>
                            <span>47</span>
                        </span>
                        <span class="bottom6">
                            <i class="iconfont icon-fenxiang"></i>
                            <span>分享</span>
                        </span>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="right1">推荐沸点</div>
                <div class="right2">
                    <div>【沸点 Talk】10期：十一摄影大赛
                    世界很大，总有一处美景等你发现。
                   </div>
                   <img src="./images/bg/tupian2.jpg">
                </div>
                <div class="right3">告诉我一些不用mac的理由，让我死心不用mbp用win吧</div>
                <div class="right4">节前综合症犯了，心不在焉，来评论聊天必回</div>
                <div class="right5">
                    <img src="./images/bg/tupian3.svg">
                    <div>如何玩转沸点</div>
                </div>
            </div>
        </div>
    </section>
</body>
</html>